<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

   
    <ui:decorate template="/resources/template/modelo.xhtml">

        <ui:define name="centro">
            <f:view encoding="ISO-8859-1">  
                <f:metadata>
                    <f:viewParam name="id" value="#{metaavaliacaoBean.metaavaliacao}"/>
                </f:metadata> 
                <h:form id="form">
                    
                    
                    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" escape="false" />  
                    <p:panel  header="#{metaavaliacaoBean.acao} Metaavaliação:" style="margin-bottom:10px;">  
                        <h:panelGrid columns="2" >

                            <h:outputText value="Título:" />
                            <p:inputText value="#{metaavaliacaoBean.metaavaliacao.titulo}" size="120" />
                            <h:outputText value="Tipo:" />
                            <p:selectOneMenu value="#{metaavaliacaoBean.metaavaliacao.tipo}" panelStyle="width:150px"  
                                             effect="fade" style="width:800px"  filter="true" filterMatchMode="startsWith" onchange="">  
                                <f:selectItem itemLabel="Selecione" itemValue="" noSelectionOption="true"  />  
                                <f:selectItems value="#{metaavaliacaoBean.tipos}" var="tc" itemLabel="#{tc.toString()}" itemValue="#{tc.toString()}" />

                            </p:selectOneMenu> 

                            <h:outputText value="Local:" />
                            <p:inputText value="#{metaavaliacaoBean.metaavaliacao.local}" maxlength="200" size="120"/>

                            <h:outputText value="UF:" />
                            <p:inputText value="#{metaavaliacaoBean.metaavaliacao.uf}" maxlength="20" size="20"/>

                            <h:outputText value="Ano:" />
                            <p:inputText value="#{metaavaliacaoBean.metaavaliacao.ano}" maxlength="4"  size="4"/>


                            <h:outputText value="Link :" />
                            <p:inputText value="#{metaavaliacaoBean.metaavaliacao.link}"   size="120"/>






                        </h:panelGrid>
                        <h:panelGrid columns="1" >
                            <h:outputText value="Equipe" />  
                            <p:editor value="#{metaavaliacaoBean.metaavaliacao.equipe}" width="800" height="200"/>        
                        </h:panelGrid>

                        <h:panelGrid columns="1" >
                            <h:outputText value="Descrição" />  
                            <p:editor value="#{metaavaliacaoBean.metaavaliacao.descricao}" width="800"/>        
                        </h:panelGrid>





                        <h:panelGrid rendered="#{metaavaliacaoBean.metaavaliacao.anexo1.id > 0}">
                            <h:outputText value="Anexo 1: "  />
                            <h:outputText value="#{metaavaliacaoBean.metaavaliacao.anexo1.nome}" />
                        </h:panelGrid>


                        <h:outputText value="Nova Anexo 1" />

                        <h:form enctype="multipart/form-data" >
                            <p:fileUpload fileUploadListener="#{metaavaliacaoBean.doUploadPDF1}" label="Adicionar" mode="advanced" update="messages1" auto="true"  allowTypes="/(\.|\/)(pdf)$/" multiple="false" />  
                            <p:growl id="messages1" showDetail="true" escape="false"/>  
                        </h:form>

                        <h:panelGrid rendered="#{metaavaliacaoBean.metaavaliacao.anexo2.id > 0}">
                            <h:outputText value="Anexo 2: "  />
                            <h:outputText value="#{metaavaliacaoBean.metaavaliacao.anexo2.nome}" />
                        </h:panelGrid>


                        <h:outputText value="Nova Anexo 2" />

                        <h:form enctype="multipart/form-data" >
                            <p:fileUpload fileUploadListener="#{metaavaliacaoBean.doUploadPDF2}" label="Adicionar" mode="advanced" update="messages2" auto="true"  allowTypes="/(\.|\/)(pdf)$/" multiple="false" />  
                            <p:growl id="messages2" showDetail="true" escape="false"/>  
                        </h:form>

                        <h:panelGrid rendered="#{metaavaliacaoBean.metaavaliacao.anexo3.id > 0}">
                            <h:outputText value="Anexo 3: "  />
                            <h:outputText value="#{metaavaliacaoBean.metaavaliacao.anexo3.nome}" />
                        </h:panelGrid>


                        <h:outputText value="Nova Anexo 3" />

                        <h:form enctype="multipart/form-data" >
                            <p:fileUpload fileUploadListener="#{metaavaliacaoBean.doUploadPDF3}" label="Adicionar" mode="advanced" update="messages3" auto="true"  allowTypes="/(\.|\/)(pdf)$/" multiple="false" />  
                            <p:growl id="messages3" showDetail="true" escape="false"/>  
                        </h:form>

                        <h:panelGrid columns="2" >
                            <p:commandButton id="cadastrarButton" value="#{metaavaliacaoBean.acao}" update="form"  actionListener="#{metaavaliacaoBean.cadastrarAlterarMetaavaliacao()}" >
                                <f:setPropertyActionListener target="#{metaListarBean.metaavaliacoes}" value="#{null}" />
                            </p:commandButton>
                                
                             
                        </h:panelGrid>

                        `



                    </p:panel>




                </h:form>    
            </f:view>
        </ui:define>
    </ui:decorate>
</html>